const webpack = require("webpack");
const px2rem = require("postcss-px2rem");
// 配置postcss-px2rem
const postcss = px2rem({
  remUnit: 192, // 基准大小 baseSize，这个是设计稿宽度的1/10
  // 比如设计稿宽度是750的话，你可以写75
  // 最终计算方式是：你的设计稿尺寸 / remUnit = 最终的rem中的尺寸
});
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "windows.jQuery": "jquery",
      }),
    ],
  },
  publicPath: "./",
  devServer: {
    port: "8082", //代理端口
    proxy: {
      "/api": {
        //代理api
        target: "http://192.168.50.4:7008", // 代理接口
        changeOrigin: true, //是否跨域
        ws: true, // proxy websockets
      },
    },
  },
  css: {
    loaderOptions: {
      postcss: {
        plugins: [postcss],
      },
    },
  },
  productionSourceMap: false, //打包不生成map
};
